<template>
  <div class="search-bar">
    <van-icon name="arrow-left" class="back" @click="$router.back()" />
  </div>
</template>

<script>
import Vue from 'vue'
import { Icon, Search } from 'vant'

Vue.use(Icon)
Vue.use(Search)
export default {
  name: 'SearchBar'
}
</script>

<style lang="scss" scoped>
  .search-bar {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .back{
    width: 20px;
  }
  .search{
    flex: 1;
  }
</style>
